<header id="l-header">
    <div class="container">
        <div class="row logo">
            <div class="col-lg-7">
                <h1>{{ site.name }}</h1>
            </div>

            <div class="col-lg-5">
              {% for line in site.shout %}
                <p>{{ line }}</p>
              {% endfor %}
            </div>
        </div>

        <div class="row navicon">
            <a href=""><i class="fa fa-navicon"></i></a>
        </div>

        <div class="row navbar">
            <nav class="col-lg-8 col-md-8 col-xs-12">
                <ul class="row">
                    <li class="col-lg-3"><a href="{{ '/' | relative_url }}">主 页</a></li>
                    <li class="col-lg-3">
                        <ul class="subnav">
                            <a href="javascript:void(0)">博 客</a>
                            <li><a href="{{ '/category' | relative_url }}">分 类</a></li>
                            <li><a href="{{ '/tag' | relative_url }}">标 签</a></li>
                            <li><a href="{{ '/work' | relative_url }}">作品集</a></li>
                        </ul>
                    </li>
                    <!-- <li class="col-lg-3"><a href="{{ '/series' | relative_url }}">SERIES</a></li> -->
                    <li class="col-lg-3"><a href="{{ '/about' | relative_url }}">关 于</a></li>
                </ul>
            </nav>

            <div class="search col-lg-4 col-md-4 col-xs-12">
                <form>
                    <label for="search"></label>
                    <input id="search-input" name="serach" type="text" placeholder="站内搜索...">
                    <i class="fa fa-search"></i>
                </form>
            </div>
        </div>
    </div>
</header>